<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./考试.css">
</head>
<body>
    <div class="top">
        <div class="top-contain">
            <div class="top-contain-left">
                <span>大米网</span>
                <span>|</span>
                <span>大米网</span>
                <span>|</span>
                <span>大米网</span>
                <span>|</span>
                <span>大米网</span>
                <span>|</span>
                <span>大米网</span>
                <span>|</span>
                <span>大米网</span>
                <span>|</span>
                <span>大米网</span>
                <span>|</span>
                <span>大米网</span>
                <span>|</span>
                <span>大米网</span>
            </div>
            <div class="top-contain-right">
                <span>登录 | 注册</span>
                <span>购物车（0）</span>
            </div>
        </div>
    </div>
    <div class="before">
        <div class="before-contain">
            <div class="daohang">
                <div class="logo"></div>
                <div class="classify">
                    <span>大米手机</span>
                    <span>大米手机</span>
                    <span>大米手机</span>
                    <span>大米手机</span>
                    <span>大米手机</span>
                    <span>大米手机</span>
                    <span>大米手机</span>
                    <span>大米手机</span>
                    <span>大米手机</span>
                </div>
                <div class="inputgo">
                    <div class="input"></div>
                    <div class="go">GO</div>
                </div>
            </div>
            <div class="zhengwen">
                <div class="zhengwen-left">
                    <ul>
                        <li>
                            <span>手机 平板</span>
                            <span>&gt;</span>
                        </li>
                        <li>
                            <span>手机 平板</span>
                            <span>&gt;</span>
                        </li>
                        <li>
                            <span>手机 平板</span>
                            <span>&gt;</span>
                        </li>
                        <li>
                            <span>手机 平板</span>
                            <span>&gt;</span>
                        </li>
                        <li>
                            <span>手机 平板</span>
                            <span>&gt;</span>
                        </li>
                        <li>
                            <span>手机 平板</span>
                            <span>&gt;</span>
                        </li>
                        <li>
                            <span>手机 平板</span>
                            <span>&gt;</span>
                        </li>
                        <li>
                            <span>手机 平板</span>
                            <span>&gt;</span>
                        </li>
                        <li>
                            <span>手机 平板</span>
                            <span>&gt;</span>
                        </li>
                        <li>
                            <span>手机 平板</span>
                            <span>&gt;</span>
                        </li>
                    </ul>
                </div>
                <div class="zhengwen-right">
                    <div class="atonce">立即购买</div>
                </div>
            </div>
            <div class="shopping">
                <div class="open">
                    <div class="kaifanggoumai a1">
                        <p>START</p>
                        <p>放心购买</p>
                    </div>
                    <div class="kaifanggoumai a2">
                        <p>START</p>
                        <p>放心购买</p>
                    </div>
                    <div class="kaifanggoumai a3">
                        <p>START</p>
                        <p>放心购买</p>
                    </div>
                    <div class="kaifanggoumai a4">
                        <p>START</p>
                        <p>放心购买</p>
                    </div>
                    <div class="kaifanggoumai a5">
                        <p>START</p>
                        <p>放心购买</p>
                    </div>
                    <div class="kaifanggoumai a6">
                        <p>START</p>
                        <p>放心购买</p>
                    </div>
                </div>
                <div class="jingshuiqi"></div>
                <div class="shouji"></div>
                <div class="pingban"></div>
            </div>
            <div class="damimingxingdanpin">
                <h2>
                    <div class="h2-title">大米明星单品</div>
                    <div class="h2-jiantou">
                        <div class="zuojiantou">&lt;</div>
                        <div class="youjiantou">&gt;</div>
                    </div>
                </h2>
                <div class="space">
                    <div class="tv">
                        <img src="./images/mitv48!160x110.jpg" alt="">
                        <p>大米电视2/2s全系列</p>
                        <p>40/48/49/55英寸 现货购买</p>
                    </div>
                    <div class="tv">
                        <img src="./images/mitv48!160x110.jpg" alt="">
                        <p>大米电视2/2s全系列</p>
                        <p>40/48/49/55英寸 现货购买</p>
                    </div>
                    <div class="tv">
                        <img src="./images/mitv48!160x110.jpg" alt="">
                        <p>大米电视2/2s全系列</p>
                        <p>40/48/49/55英寸 现货购买</p>
                    </div>
                    <div class="tv">
                        <img src="./images/mitv48!160x110.jpg" alt="">
                        <p>大米电视2/2s全系列</p>
                        <p>40/48/49/55英寸 现货购买</p>
                    </div>
                    <div class="tv">
                        <img src="./images/mitv48!160x110.jpg" alt="">
                        <p>大米电视2/2s全系列</p>
                        <p>40/48/49/55英寸 现货购买</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="zhinengyingjian">
        <div class="zhinengyingjian-contain">
            <h2>智能硬件</h2>
            <div class="h2-space">
                <div class="h2-space-left"><img src="./images/T1IhLjBC_T1RXrhCrK.jpg" alt=""></div>
                <div class="h2-space-right">
                    <div class="taozhuang">
                        <img src="./images/T1odEjB5bT1RXrhCrK.jpg" alt="">
                        <p>大米智能家庭套装</p>
                        <p>3分钟快速安装，30多种智能玩法</p>
                        <p>199元</p>
                    </div>
                    <div class="taozhuang">
                        <img src="./images/T1odEjB5bT1RXrhCrK.jpg" alt="">
                        <p>大米智能家庭套装</p>
                        <p>3分钟快速安装，30多种智能玩法</p>
                        <p>199元</p>
                    </div>
                    <div class="taozhuang">
                        <img src="./images/T1odEjB5bT1RXrhCrK.jpg" alt="">
                        <p>大米智能家庭套装</p>
                        <p>3分钟快速安装，30多种智能玩法</p>
                        <p>199元</p>
                    </div>
                    <div class="taozhuang">
                        <img src="./images/T1odEjB5bT1RXrhCrK.jpg" alt="">
                        <p>大米智能家庭套装</p>
                        <p>3分钟快速安装，30多种智能玩法</p>
                        <p>199元</p>
                    </div>
                    <div class="taozhuang">
                        <img src="./images/T1odEjB5bT1RXrhCrK.jpg" alt="">
                        <p>大米智能家庭套装</p>
                        <p>3分钟快速安装，30多种智能玩法</p>
                        <p>199元</p>
                    </div>
                    <div class="taozhuang">
                        <img src="./images/T1odEjB5bT1RXrhCrK.jpg" alt="">
                        <p>大米智能家庭套装</p>
                        <p>3分钟快速安装，30多种智能玩法</p>
                        <p>199元</p>
                    </div>
                    <div class="taozhuang">
                        <img src="./images/T1odEjB5bT1RXrhCrK.jpg" alt="">
                        <p>大米智能家庭套装</p>
                        <p>3分钟快速安装，30多种智能玩法</p>
                        <p>199元</p>
                    </div>
                    <div class="taozhuang">
                        <img src="./images/T1odEjB5bT1RXrhCrK.jpg" alt="">
                        <p>大米智能家庭套装</p>
                        <p>3分钟快速安装，30多种智能玩法</p>
                        <p>199元</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="fuwu">
        <div class="fuwu-contain">
            <div class="shang">
                <span>一小时快修服务</span>
                <span class="heng">|</span>
                <span>一小时快修服务</span>
                <span class="heng">|</span>
                <span>一小时快修服务</span>
                <span class="heng">|</span>
                <span>一小时快修服务</span>
                <span class="heng">|</span>
                <span>一小时快修服务</span>
            </div>
            <div class="xia">
                <div class="xia-left">
                    <div class="help">
                        <p>帮助中心</p>
                        <p>购物指南</p>
                        <p>支付方式</p>
                        <p>配送方式</p>
                    </div>
                    <div class="help">
                        <p>帮助中心</p>
                        <p>购物指南</p>
                        <p>支付方式</p>
                        <p>配送方式</p>
                    </div>
                    <div class="help">
                        <p>帮助中心</p>
                        <p>购物指南</p>
                        <p>支付方式</p>
                        <p>配送方式</p>
                    </div>
                    <div class="help">
                        <p>帮助中心</p>
                        <p>购物指南</p>
                        <p>支付方式</p>
                        <p>配送方式</p>
                    </div>
                </div>
                <div class="xia-right">
                    <p>400-100-5678</p>
                    <p>周一至周日 8:00-18:00</p>
                    <p>仅收市话费</p>
                    <p>24小时在线客服</p>
                </div>
            </div>
        </div>
    </div>
    <div class="bottom">
        <div class="bottom-img"><img src="./images/mi-logo.png" alt=""></div>
        <div class="last">大米网|大米网|大米网|大米网|大米网|大米网|大米网|大米网|大米网|大米网</div>
        
    </div>
    
</body>
</html>